<template>
  <div  class="service">
    <div class="tit">
      贝喵客服
      <span>ニャンコの客服</span>
    </div>
    <div class="content">
      <img src="" alt="" class="qrcode">
      <p>添加我们的微信客服</p>
      <p>申请售后，反馈您的问题</p>
    </div>
    <p class="foot">或者拨打客服电话：010-6789554</p>
  </div>
</template>

<script>
export default {

  data () {
    return {
    }
  },

  methods: {},

  created () {
  }
}
</script>

<style lang='less'>
.service{
  width:100%;
  
  .foot{
    position: absolute;
    bottom:70px;
    text-align: center;
    width:100%;
    left:0;
  }
  .content{
    width:195px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    img{
      width:195px;
      height:193px;
      display: block;
      border: 1px solid #F0F0F0;
      margin-bottom: 13px;
    }
    p{
      width:180px;
      margin: auto;
      line-height: 23px;
      font-size: 14px;
      text-align: center;
    }
  }
}
</style>
